<template>
  <section class="point-list">
    <div class="inner">
      <simple-title :title="'我的积分'" :more="'积分规则'"></simple-title>
      <point-item :info="i" v-for="i in list" :key="i.id"></point-item>
      <div class="page-container">
        <Page :total="100" prev-text="上一页" next-text="下一页" />
      </div>
    </div>
  </section>
</template>

<script>
import SimpleTitle from '../../../components/Title/SimpleTitle'
import PointItem from '../../../components/ListItem/PointItem'
export default {
  name: 'PointList',
  components: {
      SimpleTitle,
      PointItem
  },
   data () {
      return {
        list: [
            {id: 1, name: '做任务', from: '', time: '2018-08-08 12:20', point: 50},
            {id: 2, name: '系统奖励', from: '', time: '2018-08-08 12:20', point: 150},
            {id: 3, name: '积分转账', from: 'Avana', time: '2018-08-08 12:20', point: 250},
            {id: 4, name: '发日历公开帖子', from: 'Avana', time: '2018-08-08 12:20', point: 350},
            {id: 5, name: '啦啦啦啦', from: 'Avana', time: '2018-08-08 12:20', point: 50},
            {id: 6, name: '测试测试车市', from: 'Avana', time: '2018-08-08 12:20', point: 50}
        ]
      }
   },
    created () {
    },
    methods: {

    }
}
</script>

<style lang="less" scoped>
  @import "../../../style/style.less";
  .point-list {
    .inner {
      border: 1px solid @border-color;
      padding: 0 22px;
    }
      .page-container {
        padding: 20px 0;
        text-align: center;
      }
  }
</style>
